<?php 
$appId = 'wxe214ac48790c622f';
$secret = '62d3091e10b72a50a8a2c4f758a799b2';
include_once './zhui/jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnurl='http://lin.mei94.com/dian';
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title><?php echo $name; ?></title>
<link href="<?php echo $cdnurl; ?>/css/animate.3.css" rel="stylesheet">
<style>
html,body{width:100%;font-size:12px;font-family:Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{position:relative;background:#e1e1e1;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:8px;color:#fff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder {text-align:left;}
select{position:absolute;color:#fff;display:block;background:transparent;border:0px;text-indent:10px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.page{position:absolute;width:100%;height:100%;display:none;background:#fff;}
.p1, .p21{background:#e1e1e1;}
.p-bg{position:absolute;width:100%;height:100%;}
.p1{opacity:0;}
.fade-in{opacity:1;-webkit-transition:opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
.p2{background:transparent url('<?php echo $cdnurl; ?>/img/light/p2d.jpg') no-repeat;background-size:cover;}
.p2-bg{background:transparent url('<?php echo $cdnurl; ?>/img/light/p2.jpg') no-repeat;background-size:cover;}
.p3{background:#070810;}
.p3-bg{background:transparent url('<?php echo $cdnurl; ?>/img/light/p3.jpg') no-repeat;background-size:cover;}
.p4, .p5, .p7, .p8, .p9, .p10, .p11, .p12, .p6{background:#fff;}
.hide{display:none;}
img{pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.animated.delay-d2s {-webkit-animation-delay: .2s;animation-delay: .2s;}
.animated.delay-d5s {-webkit-animation-delay: .5s;animation-delay: .5s;}
@-webkit-keyframes circle{0%{ transform:rotate(0deg); } 100%{transform:rotate(360deg); }}
@keyframes circle{0%{ transform:rotate(0deg); } 100%{transform:rotate(360deg); }}
.rotateNm{-webkit-animation:circle 6s infinite linear;animation:circle 6s infinite linear;}
@-webkit-keyframes wave{0%{height:2px}50%{height: 26px}100%{height: 10px}}
@keyframes wave{0%{height:2px}50%{height: 26px}100%{height: 10px}}
.music{position:absolute;transform:rotate(-90deg);}
.music i{width:1px;height:4px;position:absolute;bottom:0;background-color:#333;}
.music i:nth-of-type(1){left:2;}
.music i:nth-of-type(2){left:6px;}
.music i:nth-of-type(3){left:10px;}
.music i:nth-of-type(4){left:14px;}
.music i:nth-of-type(5){left:18px;}
.music i:nth-of-type(6){left:22px;}
.music.active i:nth-of-type(1){-webkit-animation:wave .4s infinite ease-in-out alternate;animation:wave .4s infinite ease-in-out alternate;}
.music.active i:nth-of-type(2){-webkit-animation:wave .6s infinite ease-in-out alternate;animation:wave .6s infinite ease-in-out alternate;}
.music.active i:nth-of-type(3){-webkit-animation:wave .7s infinite ease-in-out alternate;animation:wave .7s infinite ease-in-out alternate;}
.music.active i:nth-of-type(4){-webkit-animation:wave .5s infinite ease-in-out alternate;animation:wave .5s infinite ease-in-out alternate;}
.music.active i:nth-of-type(5){-webkit-animation:wave .9s infinite ease-in-out alternate;animation:wave .9s infinite ease-in-out alternate;}
.music.active i:nth-of-type(6){-webkit-animation:wave .8s infinite ease-in-out alternate;animation:wave .8s infinite ease-in-out alternate;}
.p2 .music i, .p3 .music i{background-color:#fff;}
</style>
<link href="<?php echo $cdnurl; ?>/css/swiper.min.css" rel="stylesheet">
</head>